<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>推荐菜详情页</title>
    <meta name="description" content=""/>
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no"/>
    <script type="text/javascript">
        (function(doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'onorientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function() {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
</head>
<body>
<div class="detailbox">
<div class="contentbox">
	<div class="imgbox">
	<header class="headerbox">
		<div class="back"></div>
		<div class="more"></div>
	</header>
	<div class="bgarea">
		<div class="title">
			<div class="oneellipsis">红烧牛肉</div>	
		</div>
	</div>
	<img class="maximg" src="" />
</div>
<div class = "description">
	牛肉是全世界人都爱吃的食品，中国人消费的肉类食品之一，仅次于猪肉，牛肉蛋白质含量高，而脂肪含量低，所以味道鲜美，享有“肉中骄子”的美称。
</div>
<div class="tagbox">
	<span class="item">日料</span>
	<span class="item">清淡</span>
	<span class="item">适合减肥</span>
	<span class="item">夏日饮品</span>
</div>
<ul class="constitutebox">
	<li class="item">
		<div class="ingredient">主料：</div>
		<div class="text">
			 牛肉
		</div>
	</li>
	<li class="item">
		<div class="ingredient">辅料：</div>
		<div class="text">
			 冰糖 料酒 葱 八角 
		</div>
	</li>
</ul>
</div>

<div class="newsbox">
	<div class="head">
		<div class="info">菜品小贴士</div>
		<div class="count">共10篇<i class="arrows"></i></div>
	</div>
	<div class="newscontent">
		<div class="content">
			<div class="title">肉食控最爱，魔都超人气高端日式烧肉大全，我要超过两行内行！</div>
			<div class="tag">
				<div>上海吃货分队</div>
				<div>3.2万人看过</div>
			</div>
		</div>
		<div class="newsimg">
			<img class = "" src="">
		</div>
	</div>
</div>

<div class="talkbox">
	<div class = "title">你认为红烧牛肉里面放土豆好吃还是放蕃茄好吃？</div>
	<div class = "showcount">
		<div class="redarea">
			<div class="circle"></div>
			<div class="text">支持</div>
		</div>
		<div class="countarea">
			<div class="countinfo">
				<div class="redtext">
					红方:土豆土豆土豆
				</div>
				<div class="ctr">
					<span class="redletter">V</span>
					<span class="blueletter">S</span>
				</div>
				<div class="bluetext">
					蓝方:蕃茄土豆土豆
				</div>
			</div>
			<div class="countnumber">
				<div class="redlenght"></div>
				<div class="bluelenght"></div>
				<div class="numberleft">4013</div>
				<div class="numberright">2731</div>
			</div>
		</div>
		<div class="bluearea">
			<div class="circle"></div>
			<div class="text">支持</div>
		</div>
	</div>
	<div class="talkcontent">
			<div class="userarea">
				<div class="userimg">
					<img src="">
				</div>
			</div>
			<div class="content">
				<div class="userinfo">
					<div class="name">太阳花柚子</div>
					<div class="date">11月28日</div>
				</div>
				<div class="selecttag">
					<span class="selecttext">放土豆</span>
				</div>
				<div class="text">
					想了很久的肉蟹煲终于来拔草啦，这家店每次都爆满，都要排队。。还好在大众点评预先排号了，这个超级方便，大大节省了等位时间。点了经典的肉蟹煲小份98元。
				</div>
				<div class="option">
					<div class="browercount">浏览2711 赞1</div>
					<div class="btnlike">
						<span class="praisebtn"> <i class="praiseicon"></i> 赞</span>
						<span class="commentbtn"> <i class="commenticon"></i> 评论</span>
					</div>
				</div>
			</div>
	</div>
</div>


<div class="vonderbox">
	<div class="title">
		上海哪里的红烧牛肉人气最高
	</div>
	<ul class="vonderinfo">
		<li class="item">
			<div class="colorbg"></div>
			<div class="vondername"><div class="vondertop1"></div>港式翔记(上海龙之梦店)</div>
			<div class="popularity">3761人气</div>
		</li>
		<li class="item">
			<div class="colorbg"></div>
			<div class="vondername"><div class="vondertop2"></div>港式翔记(上海龙之梦店)</div>
			<div class="popularity">3761人气</div>
		</li>
		<li class="item">
			<div class="colorbg"></div>
			<div class="vondername"><div class="vondertop3"></div>港式翔记(上海龙之梦店)</div>
			<div class="popularity">3761人气</div>
		</li>
		<li class="item">
			<div class="colorbg"></div>
			<div class="vondername"><div class="vondertop4"></div>港式翔记(上海龙之梦店)</div>
			<div class="popularity">3761人气</div>
		</li>
	</ul>
	<div class="infocount">
		<div class="text">查看全部35个排行</div>
		<div class="righticon"><i class="arrows"></i> </div>
	</div>
</div>

<div class="neareststorebox">
	<div class="title">附近有售商家</div>
	<div class="iscrolbox">
		<div class="wrapper">
				<ul class="storelist">
				<li class="item">
					<div class="imgeare">
						<img src = "">
					</div>
					<div class="content">
						<div class="name">
							百素酸菜鱼(中山公...
						</div>
						<div class="location">
							300m
						</div>
						<div class="recommend">
							234人推荐
						</div>
					</div>
				</li>
				<li class="item">
					<div class="imgeare">
						<img src = "">
					</div>
					<div class="content">
						<div class="name">
							百素酸菜鱼(中山公...
						</div>
						<div class="location">
							300m
						</div>
						<div class="recommend">
							234人推荐
						</div>
					</div>
				</li>
				<li class="item">
					<div class="imgeare">
						<img src = "">
					</div>
					<div class="content">
						<div class="name">
							百素酸菜鱼(中山公...
						</div>
						<div class="location">
							300m
						</div>
						<div class="recommend">
							234人推荐
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>
</div>

<div class="commentbox">
	<div class="title">
		<div class="text">用户评论<span class="count">(243)</span></div>
		<div class="righticon"><i class="arrows"></i></div>
	</div>
	<div class="commentlist">
		<div class="item">
			<div class="userarea">
				<div class="userimg">
					<img src="">
				</div>
			</div>
			<div class="content">
				<div class="userinfo">
					<div class="name">太阳花柚子</div>
					<div class="date">11月28日</div>
				</div>
				<div class="text">
					想了很久的肉蟹煲终于来拔草啦，这家店每次都爆满，都要排队。。还好在大众点评预先排号了，这个超级方便，大大节省了等位时间。点了经典的肉蟹煲小份98元。
				</div>
				<div class="oneimg">
					<img src="">
				</div>
				<div class="imglist">
					<div class="imgbox">
						<img src="">
					</div>
					<div class="imgbox">
						<img src="">
					</div>
					<div class="imgbox">
						<img src="">
					</div>
				</div>
				<div class="storeinfo">
					<div class="img">
						<img src="">
					</div>
					<div class="info">
						<div class="shopname">
							<div class="name oneellipsis">
								表叔香港茶餐厅(高新文教)
							</div>
							<div class="price">¥82/人</div>
						</div>
						<div class = "location">
							<div class="tag">高新文教区 杭帮菜</div>
							<div class="distance">距您500m</div>
						</div>
					</div>
				</div>
				<div class="option">
					<span class="praisebtn"> <i class="praiseicon"></i> 赞</span>
					<span class="commentbtn"> <i class="commenticon"></i> 评论</span>
				</div>
			</div>
		</div>

		<div class="item">
			<div class="userarea">
				<div class="userimg">
					<img src="">
				</div>
			</div>
			<div class="content">
				<div class="userinfo">
					<div class="name">太阳花柚子</div>
					<div class="date">11月28日</div>
				</div>
				<div class="text">
					想了很久的肉蟹煲终于来拔草啦，这家店每次都爆满，都要排队。。还好在大众点评预先排号了，这个超级方便，大大节省了等位时间。点了经典的肉蟹煲小份98元，另外加了5元水果拼盘。
				</div>
				<div class="oneimg">
					<img src="">
				</div>
				<div class="imglist">
					<div class="imgbox">
						<img src="">
					</div>
					<div class="imgbox">
						<img src="">
					</div>
					<div class="imgbox">
						<img src="">
					</div>
				</div>
				<div class="storeinfo">
					<div class="img">
						<img src="">
					</div>
					<div class="info">
						<div class="shopname">
							<div class="name oneellipsis">
								 表叔香港茶餐厅(高新文教)
							</div>
							<div class="price">¥82/人</div>
						</div>
						<div class = "location">
							<div class="tag">高新文教区 杭帮菜</div>
							<div class="distance">距您500m</div>
						</div>
					</div>
				</div>
				<div class="option">
					<span class="praisebtn"> <i class="praiseicon"></i> 赞</span>
					<span class="commentbtn"> <i class="commenticon"></i> 评论</span>
				</div>
			</div>
		</div>

	</div>
	<div class = "title topline" >
		<div class="text">查看全部网友点评</div>
		<div class="righticon"><i class="arrows"></i></div>
	</div>
</div>

<div class="bottombarbox">
	<div class="upimg"><i class = "imgicon"></i> 传图片</div>
	<div class="writetext"><i class = "writeicon"></i> 写点评</div>
</div>
</div>

</body>
</html>
